import React, { Component } from 'react'
import { Text, StyleSheet, View } from 'react-native'

export default class App extends Component {
  render() {
    return (
      <View style={[styles.center,styles.red]}>
        <Text style={{fontSize: 30}}>Hello World</Text>
        <Text style={[styles.big, styles.red]}>你好世界</Text>
        <Text style={{color: 'red', color: 'blue',}}>Hello World</Text>

        <Text style={[{fontSize: 40}, {color: 'green'}]}>Hello World</Text>

        <Text style={[styles.red, styles.fontLarge]}>Hello RN</Text>
        <Text style={[styles.red, styles.fontMedium]}>Hello RN</Text>
        <Text style={[styles.red, styles.fontSmall]}>Hello RN</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  center: {
    marginHorizontal: 100,
    marginVertical: 200,
    height:'100%',
    width: '100%'
  },
  big: {
    fontSize: 30
  },
  red: {
    color: '#e33'
  },
  fontLarge: {
    fontSize: 40,
  },
  fontMedium: {
    fontSize: 30,
  },
  fontSmall: {
    fontSize: 20,
  }
})
